<template>
  <div class="footer">
    <div class="informationTop">
      <img src="../assets/images/图层 2.png" alt="" />
      <img src="../assets/images/邻客新能科技.png" alt="" />
      <div>联系我们</div>
      <p>邮箱：135413543@asd.com</p>
    </div>
    <div class="informationBottem">
      <div>邻客新能科技企业信息化 Copyright@2017-2019 YOYOHR.COM AII Right Reserved</div>
      <div class="card">
        <p>ICP许可证：鄂B2-20190497</p>
        <p>ICP许可证：XXXXX</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="less" scoped>
.footer {
  margin-top: 40px;
  background-color: #131934;
  .informationTop {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1280px;
    height: 181px;
    border-bottom: 1px solid #8b8f99;
    img:nth-child(1) {
      width: 42px;
      height: 42px;
      margin-right: 31px;
    }
    img:nth-child(2) {
      width: 133px;
      height: 31px;
      margin-right: 132px;
    }
    div {
      width: 72px;
      height: 24px;
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      line-height: 24px;
      color: #ffffff;
      opacity: 1;
      margin-right: 31px;
    }
    p {
      width: 186px;
      height: 19px;
      font-size: 14px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      line-height: 19px;
      color: #ebecf0;
      opacity: 1;
      margin-bottom: 0em;
    }
  }
  .informationBottem {
    width: 1280px;
    height: 138px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #8b8f99;
    div:nth-child(1) {
      width: 544px;
      height: 19px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      line-height: 19px;
      opacity: 1;
    }
    .card {
      margin-top: 20px;
      display: flex;
      p {
        margin-bottom: 0em;
      }
      p:nth-child(1) {
        margin-right: 28px;
      }
    }
  }
}
</style>
